@model OnlineStore.Web.Models.Home.IndexViewModel
<div>
    @*@Html.Partial("Navbar")*@
    <partial name="RotationChart" />
</div>
<div class="container">



    @foreach (var item in Model.CategoryBook)
    {
        var products = item.Value;
        <h3>@item.Key</h3>
        <ul class="row" style="border:1px;width:100%">
            @foreach (var book in products)
            {
                <li style="border:1px solid lightgray;width:300px;height:300px;padding:30px;" class="col-md-3">
                    <div>
                        <a asp-area="" asp-controller="Product" asp-action="Index" asp-route-id="@book.Id">
                            <img src="@book.ImageUrl" />
                        </a>
                    </div>
                    <a asp-area="" asp-controller="Product" asp-action="Index" asp-route-id="@book.Id">@book.Name</a>
                    <p>@book.Description</p>
                </li>
            }
        </ul>
    }
</div>